
<!--
 * @Author: yuan-3-07 2144849287@qq.com
 * @Date: 2023-01-10 14:21:52
 * @LastEditors: yuan-3-07 2144849287@qq.com
 * @LastEditTime: 2023-01-14 09:02:59
 * @FilePath: \h520221123\模板页.html
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 引入样式表   注意引入的顺序 -->
    <!-- 1.引入样式重置表 -->
    <link rel="stylesheet" href="./css/resdt.css" />
    <!-- 引入插件 -->
    <link rel="stylesheet" href="./lib/swiper/swiper-bundle.css" />
    <!-- 2.引入公用样式 -->
    <link rel="stylesheet" href="./css/common.css" />
    <!-- 3.引入当前样式 -->
    <link rel="stylesheet" href="../css/login.css"/>
</head>
<body>
   <!-- 主体 -->
   <main class="cf">
    <!-- 左边背景图 -->
    <div class="login-left fl">
       <!-- 右边登录页面 -->
    <div class="login-rigth fr">
        <div class="login-content">
            <!-- 图标 -->
            <p class="login-logo">
                <img src="./images/loginlogo.png" alt="">
            </p>
            <!-- 选项卡 -->
            <nav class="tab-title">
                <span class="active">
                    账号登录
                </span>
                <span>
                    扫码登录
                </span>
            </nav>
            <!-- 登录页面 -->
            <div>
                <!-- 表单 -->
                <div class="login">
                    <form action="#" method="get">
                        <p>
                            <b></b> 
                           <input type="text" name="" id="" placeholder="用户名/手机号/邮箱">
                           <img src="./images/clearInput.png" alt="">
                           <strong class="verify">请输入正确的用户名!</strong>
                        </p>
                        <p>
                            <span></span> 
                           <input type="password" name="" id="" placeholder="密码" style="margin-top: 1px;">
                           <img src="./images/clearInput.png" alt="">
                           <strong class="verify">请输入正确的密码!</strong>
                        </p>
                        <p class="cf">
                            <a href="javascript:;" class="fr">
                                忘记密码
                            </a>  
                        </p>
                        <p>
                            <button type="button">登录</button>
                        </p>
                        <p class="register">还没有源码账号，
                            <a href="">立即注册</a>
                            <span class="span"></span>
                        </p>
                    </form>
                </div>
             <!-- 二维码 -->
             <div class="er-code">
                 <div>
                     <img src="./images/showqrcode.jpg" alt="">
                     <p>微信扫码登录</p>
                     <p>未关注源码科技公众号，请先关注后再登录</p>
                 </div>
                 <p class="register">还没有源码账号，
                    <a href="">立即注册</a>
                    <span class="span"></span>
                </p>
             </div>
            </div>
           
        </div>
    </div>   
    </div>
  
</main>





  <!--引入工具类  -->
  <script src="./js/utils.js"></script>
  <!-- 引入插件库js -->
  <script src="./lib/swiper/swiper-bundle.js"></script>
  <!-- 引入js 脚本 -->
  <script src="./js/login.js"></script>
 
</body>
</html>